<template>
  <div class="skeleton-container">
    <a-skeleton
      :paragraph="{
        rows: rows
      }"
      active
    />
  </div>
</template>

<script>
export default {
  props: {
    rows: {
      type: Number,
      default: () => 10,
    },
  },
}
</script>

<style lang="scss" scoped>
.skeleton-container {
  background-color: $white;
  padding: $padding-sm;
}
</style>
